<html>
<head>
<title>GLPres Editor</title>

<link rel="stylesheet" href="../../liwe/css/form.css" type="text/css" />

<style type="text/css">
* {
	padding: 0px;
	margin: 0px;
}

#grid {
	border: 2px solid black;
	padding: 4px;
	overflow: auto;

	margin-right: 300px;
}

#grid_data {
	position: relative;

	border: 1px solid red;
}

.gbox, .gbox.over {
	position: relative;

	width: 20px;
	height: 20px;

	float: left;
	border: 1px solid #cceeff;
}

.gbox .over {
	background-color: #ff0000 !important;
}

.newbox {
	clear: both;
}

.gbox_label {
	width: 180px;
	height: 20px;

	font-size: 10px;
	border: 1px solid black;

	float: left;
}

#gbox_control {
	position: absolute;
	
	border: 2px solid black;
	padding: 4px;

	width: 290px;
	height: 800px;	
	
	right: 0px;
	top: 0px;
}
</style>

<script type="text/javascript" src="os3jslib/liwe.js"></script>
<script type="text/javascript" src="os3jslib/object_enh.js"></script>
<script type="text/javascript" src="os3jslib/array_enh.js"></script>
<script type="text/javascript" src="os3jslib/string_enh.js"></script>
<script type="text/javascript" src="os3jslib/form.js"></script>
<script type="text/javascript" src="os3jslib/locale.js"></script>
<script type="text/javascript" src="os3jslib/validators.js"></script>

<script type="text/javascript" src="js/glpres.js"></script>

<script type="text/javascript">
function init ()
{
	GLPres.init ( "gbox_control" );
	GLPres.create ( 'grid_data', 20, 20  );
	
}
</script>
</head>
<body onload="init()">


<div id="grid"> 
	<div id="grid_data"></div>
</div>
<div id="gbox_control"></div>



</body>
</html>
